<script setup>
</script>

<template>
    <el-container>
       <el-header>
            <el-row>
                <el-col :span="6" style="display: flex; flex-direction: row;align-items: center;margin-top: -20px;">
                    <img src="/images/u128.png">
                    <router-link to="/" style="text-decoration: none; color:black;"><h1 style="padding: 10px;">双碳招标投标网</h1></router-link>
                </el-col>
                <el-col :span="8">
                    <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal"style="border-bottom: none !important;">
                        <el-menu-item index="1">
                            <router-link to="/pingtai" style="text-decoration: none; color:black;">平台动态</router-link>
                        </el-menu-item>
                        <el-menu-item index="2">
                            <router-link to="/zhengce" style="text-decoration: none; color:black;">政策法规</router-link>
                        </el-menu-item>
                        <el-menu-item index="3">
                           <router-link to="/complaints" style="text-decoration: none; color:black;">违规投诉</router-link>
                        </el-menu-item>
                    </el-menu>
                </el-col>
                <el-col :span="10" style="display: flex; justify-content: flex-end; align-items: center; margin-top: -15px;">
                    <router-link to="/Personal_Center" class="more-link" tag="el-link" type="primary" style="text-decoration: none;"><img src="/images/u122.png" style="width: 50; height: 50px; border-radius: 50%;padding: 10px;"></router-link>
                    <p>admin</p>
                </el-col>
            </el-row>
       </el-header>
    </el-container>
</template>

<style scoped>
.el-header {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
</style>